<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 写在标签内,和标签名以一个空格分隔的叫做属性(html属性  官方的和用户自定义的) -->
    <div class="one two three" id="demo" title="hello" data-index="0" asd="asd">
        <span>123123</span>
    </div>
    <input type="text" value="1" disabled required autofocus>
    <textarea name="" maxlength="10" id="" cols="30" rows="10"></textarea>
</body>
<script>
    // 元素节点的属性
    // 元素节点 => 对象 => 属性和方法 (默认官方的)

    // 通用的
    // innerHTML
    // innerText
    // textContent

    // outerHTML
    // outerText
    // value

    // className
    // classList(伪数组)

    // id
    // title

    // tagName(只能获取)

    // style(获取和设置内联)

    // function getStyle(ele, attr) {  //兼容
    //     if (getComputedStyle) {
    //         return getComputedStyle(ele)[attr];
    //     } else {
    //         return ele.currentStyle[attr];
    //     }
    // }

    // 某些元素独有的

    // href  target
    // src  (img script video audio)

    // 表单
    // type
    // name
    // placeholder
    // value

    // min max step  (input:range input:number)

    // cols rows maxlen

    // select
    // value
    // selectedIndex
    // selectedOptions

    // 状态相关
    // hidden
    // disabled
    // required
    // autofocus
    // checked








</script>

</html>